   <!DOCTYPE html>
   <html lang="en">
   <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Document</title>
   </head>
   <body>
       
   </body>
   </html
   ><!-- - #笔记要求

    ##笔记
    - 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
    - 以及 每日未解决的问题可以记录下来
    - 记录每日完成多少代码量（多少行）
    - 今天做了什么
    有做项目的话，项目的进度 -->
    css盒子模型？
盒模型又称框模型（Box Model）
包含元素内容（content）
内边距（padding）
边框（border）
外边距（margin）
盒模型分为:IE盒模型 W3C标准盒模型
边框：border,html border-top right bottom left(更详细设置每条边)
设置所有边颜色，样式，宽度 可用：border-width style color（设置四条边的）
设置单面颜色，样式，宽度可用最细粒度的手写属性之一
内边距作用：加边框和内容之间的间隔变得更大 
不能用负的改值必须为0或正值 
应用于元素的任何背景都将显示在内边距后面（不是绝对的）
普通字体normal（将存在的斜体字体关闭）
font-weight:设置文字的粗体大小   
lighter,bolder:普通或者加粗的字体粗细  
text-transform:允许你设置要转换的字体  
none:防止任何转型
四个关键字：normal bold（加粗）
           lighter（更细） 
           bolder（更粗） 
           100-900（数值）
uppercase:将所有文本转为大写  
lowercase:将所有文本转为小写 
capitalize:转换所有单词让其首字母大写 
full-width:将所有字形转换成全角